<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="assets/css/index.css" />
    <link rel="stylesheet" href="assets/css/reset-global.min.css" />
    <link rel="stylesheet" href="common/animate.min.css" />
    <!-- <link rel="stylesheet" href="common/bootstrap/bootstrap.min.css" /> -->
    <!-- <link rel="stylesheet" href="common/swiper/swiper-bundle.min.css" /> -->
    <script src="assets/js/jquery-3.6.0.min.js"></script>
    <title>首页</title>
</head>

<body>
    <script>
    </script>
    <!-- 头部 -->
    <div th:replace="pub_head"></div>
    <div class="banner">
        <img src="assets/img/banner.jpg" alt="">
    </div>
    <!-- banner结束 -->
    <div class="four_box ">
        <div class="four_main flex">
            <div class="register" th:each="user:${modules[2].banners}">
                <a th:href="${user.description}">
                    <div class="tupian2">
                        <img th:src="${user.imgUrl1}" alt="" class="tu1">
                        <img th:src="${user.imgUrl2}" alt="" class="tu2">
                    </div>
                    <p>[[${user.title}]]</p>
                </a>
            </div>
        </div>
        <!-- 预约挂号四个方块 -->
        <div class="real">
            <div class="reals">
                <h4 class="h4">[[${modules[3].module.title}]]</h4>
                <div class="reals_main flex">
                    <div class="real_box">
                        <img th:src="${modules[3].banners[0].imgUrl1}" alt="">
                    </div>
                    <div class="real_box">
                        <img th:src="${modules[3].banners[1].imgUrl1}" alt="">
                        <img th:src="${modules[3].banners[2].imgUrl1}" alt="" class="real_tu">
                    </div>
                    <div class="real_box">
                        <img th:src="${modules[3].banners[3].imgUrl1}" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="diversiform">
            <div class="diver_main">
                <h4 class="h4">[[${modules[4].module.title}]]</h4>
                <div class="flex diver_mains">
                    <div class="diver_left">
                        <img th:src="${modules[4].module.imgUrl1}" alt="">
                    </div>
                    <div class="diver_right">
                        <!-- 选项卡 -->
                        <div class="flex tab_Fas">
                            <p class="xk ss"><a th:href="index">[[${modules[5].module.title}]]</a></p>
                            <p class="xk"><a th:href="boniaos">[[${modules[6].module.title}]]</a></p>
                            <p class="xk"><a th:href="weizheng">[[${modules[7].module.title}]]</a></p>
                            <p class="xk"><a th:href="kouqiang">[[${modules[8].module.title}]]</a></p>
                        </div>
                        <!-- 选项卡内容 -->
                        <div class="box_list">
                            <div class=" demand">
                                <div class="flex zhengxing" th:if="${i.index}%5==0" th:each="user2,i:${modules[5].banners}">
                                    <dl th:each="user3:${#numbers.sequence(i.index,i.index+4)}">
                                        <dt>
                                            <img th:src="${modules[5].banners[user3].imgUrl1}" alt="">
                                        </dt>
                                        <dd>[[${modules[5].banners[user3].title}]]</dd>
                                    </dl>
                                </div>
                            </div>
                            <!-- 1 -->
                            <div class="demand flex">
                                <div class="advantage">
                                    <h5>[[${modules[6].banners[0].title}]]</h5>
                                    <p>[[${modules[6].banners[1].title}]]</p>
                                    <p>[[${modules[6].banners[2].title}]]</p>
                                </div>
                                <div class="shortcoming">
                                    <h5>[[${modules[6].banners[3].title}]]</h5>
                                    <p>[[${modules[6].banners[4].title}]]</p>
                                    <p>[[${modules[6].banners[5].title}]]</p>
                                    <p>[[${modules[6].banners[6].title}]]</p>
                                </div>
                            </div>
                            <!-- 2 -->
                            <div class=" demand">
                                <div class="flex zhengxing" th:if="${i.index}%5==0" th:each="user2,i:${modules[5].banners}">
                                    <dl th:each="user3:${#numbers.sequence(i.index,i.index+4)}">
                                        <dt>
                                            <img th:src="${modules[7].banners[user3].imgUrl1}" alt="">
                                        </dt>
                                        <dd>[[${modules[7].banners[user3].title}]]</dd>
                                    </dl>

                                </div>
                            </div>
                            <div class="demand flex kouq">
                                <dl th:each="i:${modules[8].banners}">
                                    <dt><img th:src="${i.imgUrl1}" alt=""></dt>
                                    <dd>[[${i.title}]]</dd>
                                </dl>

                            </div>
                        </div>

                    </div>
                </div>
                <div class="circle flex">
                    <div class="circles" th:each="l:${modules[9].banners}">
                        [[${l.title}]]
                    </div>

                </div>
            </div>
        </div>
        <!-- 底部上面的那块 -->
        <div class="bg">
            <div class="bg_main flex">
                <div class="bg_left">
                    <div class="bg_yuan flex">
                        <p>&nbsp;</p>
                        <p>&nbsp;</p>
                        <p>&nbsp;</p>
                        <p>&nbsp;</p>
                    </div>
                    <p class="zhuany">[[${modules[10].module.title}]]</p>
                    <p class="fanga">[[${modules[10].module.description}]]</p>
                    <div class="flex bg_yuan2">
                        <p>&nbsp;</p>
                        <p>&nbsp;</p>
                        <p>&nbsp;</p>
                        <p>&nbsp;</p>
                    </div>
                </div>
                <div class="bg_right">
                    <h4>[[${modules[10].banners[0].title}]]</h4>
                    <div class="flex right_center">
                        <img th:src="${modules[10].banners[0].imgUrl1}" alt="">
                        <div class="two_p">
                            <p>[[${modules[10].banners[1].title}]]</p>
                            <p>[[${modules[10].banners[2].title}]]</p>
                        </div>

                    </div>
                    <p class="p1" th:text="'24小时咨询热线:'+${info.telephone?:'未设置24小时咨询热线'}"><img th:src="assets/img/dh1.png" alt="">24小时咨询热线:88888-888</p>
                    <p class="zaix">[[${modules[10].banners[4].title}]]</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div th:replace="pub_foot"></div>
    </div>
</body>
<script src="assets/js/index.js"></script>
<script defer src="common/bootstrap/bootstrap.bundle.min.js"></script>
<script defer src="common/wow.min.js"></script>

</html>